// .cardBox {

//     :global {
//         .ant-card-head {
//             margin: 0 24px;
//             padding: 0;
//         }

//         .ant-card-head-title {
//             font-size: 16;
//             font-weight: 700;
//         }
//     }
// }

.cardHeader {
    display: flex;
    align-items: center;
    justify-content: space-between;

    padding-bottom: 16px;
    border-bottom: 1px solid rgb(237, 237, 237);
    height: 50px;

    .leftRol {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .cardTitle {
        color: rgba(0, 0, 0, 0.85);
        font-size: 16px;
        font-weight: 600;
        margin-right: 12px;
    }
}

.aClick {
    color: rgba(0, 0, 0, 0.65);

    &:hover {
        color: #ffa22d;
    }
}

.labelAndValueWrapper {
    display: flex;
    margin-bottom: 16px;

    >span:first-child {
        color: rgba(0, 0, 0, 0.45);
        text-align: right;
        width: 135px;
        flex: 0 0 135px
    }

    >span:last-child {
        color: rgba(0, 0, 0, 0.85);
        flex: 1;
    }
}

.newFunctionTableHeader {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;

    ul {
        display: flex;
        width: 100%;
        margin-bottom: 0;

        li {
            margin: 5px;
            flex: 1;
            text-align: center;
        }
    }
}

.functionListTable {
    overflow-x: auto;

    :global {

        // .ant-table-tbody {
        //     > tr:last-child {
        //         > td {
        //             border-bottom-color: transparent;
        //         }
        //     }
        // }
        .ant-table-header-column {
            width: 100%;
        }

        .auditStatus-0 {
            color: #398eff;
        }

        .auditStatus-1 {
            color: #ffa22d;
        }

        .auditStatus-3 {
            color: #fe5858;
        }

        .functionGrade-1 {
            color: rgba(0, 0, 0, 0.45);
        }

        .functionGrade-2 {
            color: rgba(0, 0, 0, 0.65);
        }

        .functionGrade-3 {
            color: rgba(0, 0, 0, 0.84);
            font-weight: 500;
        }
    }
}

.functionIncidenceWrapper {
    display: flex;
    align-items: center;

    i,
    span {
        flex: 1;
        text-align: center;
    }
    :global {
        .anticon-minus {
            font-size: 11px;
        }
    }
}

.hightRow {
    background: #fffaf2;
}

.icon {
    margin: 0 5px;
    cursor: pointer;
    font-size: 22px;

    &[disabled] {
        pointer-events: none;
        color: rgba(0, 0, 0, 0.25);
        cursor: not-allowed;
    }

    &:hover {
        color: #ffa22d;
    }

    &.delect:hover {
        color: rgba(255, 0, 0, 0.85);
    }
}
